<!-- 
  @author: 善良的YWJ
  @Created by shanliangdeYWJ on 2021/07/23 00:46:42
  @file: Game.vue
  @description:
  ```
  请输入文件描述内容
  ```
  @link [Github](https://github.com/shanliangdeYWJ)
-->

<template>
  <div class="game">
    <div class="row" v-for="i in gameRow" :key="i">
      <div v-for="j in gameCol" :key="j">
        <Box :type="map[i - 1][j - 1]"></Box>
      </div>
    </div>
  </div>
</template>

<script setup>
import Box from './Box.vue'
import { gameRow, gameCol, map } from '../game'
</script>

<style scoped>
.row {
  display: flex;
}
</style>
